<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/detail.css">
</head>
<body>
    
    <div class="header"></div>


    <div class="details-banner">
        <div class="left-img-box">
            <div class="video-box">
                <img src="../images/juyuju01.jpg" alt="">
            </div>
        </div>
        <div class="right-list">
           <a href="http://" target="_blank" class="top-banner">
                <img src="../images/mianbaoa.jpeg" alt="">
            </a>
           <ul id="bannerImgList">
               <li class="active">
                   <img src="../images/juyuju01.jpg" alt="">
               </li>
               <li>
                <img src="../images/juyuju02.jpg" alt="">
               </li>
               <li >
                <img src="../images/juyuju03.jpg" alt="">
               </li>
               <li >
                <img src="../images/juyuju04.jpg" alt="">
               </li>
           </ul>
        </div>
    </div>

    <div class="content-box" style="min-height: 335px;">
        <div class="pro-details-cont">
            <div class="details-content-left">
                <h1 class="pro-details-title">Calamondin&Calamansi 橘与桔</h1>
                <div class="sub-title"><p></p></div>
                <div class="pro-details-label">
                    <a href="http://" target="_blank" >新品</a>
                </div>
                <ul class="details-constituent">
                    <li><img src="../images/pcicon-33.png" alt=""><span>奶油</span></li>      
                    <li><img src="../images/kamanju.png" alt=""><span>卡曼橘</span></li>
                </ul>
                <div class="pro-details-explain">
                    /像切开一只柑橘鲜果/<br/>
                    /可以细数的，7个风味层次/<br/>                  
                    /每一层都包含不同柑橘元素/<br/>
                </div>
                <ul class="details-distribution">
                    <li class="distribution-exist">
                        <i></i>
                        <span>保鲜条件：</span>0－4℃保藏10小时，5℃食用为佳
                    </li>
                    <li class="distribution-sweet">
                        <i></i>
                        <span>参考甜度：</span>
                        <span class="sweet-icon">
                            <i class="active"></i>
                            <i class="active"></i>
                            <i></i>
                            <i></i>
                            <i></i>
                        </span>
                    </li>
                </ul>
            </div>
            <div class="details-content-right">
                <div class="details-Spec">
                    <div class="outer-box">
                        <p class="details-price">
                            ￥<span>198.00</span>
                            /454g(1.0磅)
                        </p>
                        <div class="details-img-box">
                            <ul class="details-options">
                                <li class="details-options-size">
                                    <i></i>约12.5x12.5cm
                                </li>
                                <li class="details-options-number">
                                    <i></i>适合3-4人分享
                                </li>
                                <li class="details-options-laid">
                                    <i></i>含5套餐具（蜡烛需单独订购）
                                </li>
                                <li class="details-options-time">
                                    <i></i>最早明天 10:00配送
                                </li>
                            </ul>
                        </div>
                        <dl class="details-Spec-size-extra">
                            <dt>商品规格</dt>
                            <dd>
                                <ul></ul>
                            </dd>
                        </dl>
                        <dl class="details-Spec-size">
                            <dt>商品规格</dt>
                            <dd>
                                <ul>
                                    <li class="show_gram">
                                        <a href="" class="active">
                                            <span>454g</span>
                                            (1.0磅)
                                            <i></i>
                                        </a>
                                    </li>
                                    <li class="show_gram">
                                        <a href="" >
                                            <span>908g</span>
                                            (2.0磅)
                                            <i></i>
                                        </a>
                                    </li>
                                    <li class="show_gram">
                                        <a href="" >
                                            <span>1362g</span>
                                            (3.0磅)
                                            <i></i>
                                        </a>
                                    </li>
                                    <li class="show_gram">
                                        <a href="" >
                                            <span>2270g</span>
                                            (5.0磅)
                                            <i></i>
                                        </a>
                                    </li>
                                </ul>
                            </dd>
                        </dl>
                        <dl class="details-markup">
                            <dt>换购商品</dt>
                            <dd>
                                <ul>
                                    <li><a>
                                        <i></i>
                                        <img src="../images/detailmarkup.jpg" alt="">
                                    </a></li>
                                    <li class="markup-text"  style="display: none;">
                                        购买任意磅数蛋糕+
                                        <span class="price">50.00</span>元换购
                                    </li>
                                    <li class="markup-text-default" style="width: auto; cursor: text;line-height: 17px;text-align: left">尝试21cake其他优质产品</li>
                                </ul>
                            </dd>
                        </dl>
                    </div>
                    <div class="details-button">
                        <button class="details-but-buy">立即购买</button>
                        <button class="details-but-cart">加入购物车</button>
                    </div>
                </div>
            </div>
           

        </div>
		<div class="details-introduction">
		
			&nbsp;
			<img src="../images/details01.jpg">
			<img src="../images/details02.jpg">
			<img src="../images/details03.jpg">
			<img src="../images/details04.jpg">
			<img src="../images/details05.jpg">
			<img src="../images/details06.jpg">
			<img src="../images/details07.jpg">
			<img src="../images/details08.jpg">
			<img src="../images/details09.jpg">
			<img src="../images/details10.jpg">
			<img src="../images/details11.jpg"><br />
			<p class="MsoNormal" style="">
				<font style="" color="#666666" face="Microsoft Yahei" size="2">小提示: </font>
			</p>
			<ol>
				<li>蛋糕规格及免费配送餐具 ： <table style="WIDTH: 40%; MARGIN-LEFT: 19px">
						<colgroup>
							<col style="WIDTH: 35%">
							<col style="WIDTH: 35%">
							<col style="WIDTH: 30%">
						</colgroup>
						<tbody>
							<tr>
								<td>1.0磅：约13×13(cm)</td>
								<td>适合3-4人食用</td>
								<td>免费配送5套餐具</td>
							</tr>
							<tr>
								<td>2.0磅：约17×17(cm)</td>
								<td>适合7-8人食用</td>
								<td>免费配送10套餐具</td>
							</tr>
							<tr>
								<td>3.0磅：约23×23(cm)</td>
								<td>适合11-12人食用</td>
								<td>免费配送15套餐具</td>
							</tr>
							<tr>
								<td>5.0磅：约30×30(cm)</td>
								<td>适合15-20人食用</td>
								<td>免费配送20套餐具</td>
							</tr>
						</tbody>
					</table>
					<p style="MARGIN-LEFT: 19px">订购5磅及5磅以上规格的蛋糕，请与客服人员联系，订购电话：400 650 2121</p>
				</li>
			</ol>
			<p class="MsoNormal" style="">
				<font style="" color="#666666" face="Microsoft Yahei" size="2">退改说明：</font>
			</p>
			<p class="MsoNormal" style="">
				<font color="#666666" face="Microsoft Yahei" size="2"><span lang="EN-US">1.&nbsp;</span>北京、上海、杭州、广州地区距配送时间<span
					 lang="EN-US">6</span>小时及以上的订单可修改、取消、退订；距配送时间不足<span lang="EN-US">5</span>小时，订单不再支持修改、取消、退订。（<span lang="EN-US">22</span>点之后不接受次日<span
					 lang="EN-US">14</span>点之前配送订单修改、退订）<span lang="EN-US"></span></font>
			</p>
			<p class="MsoNormal" style="">
				<font style="" color="#666666" face="Microsoft Yahei" size="2"><span style="" lang="EN-US">2.&nbsp;</span>苏州、无锡、深圳、天津距配送时间不足<span
					 style="" lang="EN-US">8</span>小时，订单不再支持修改、取消、退订。（<span style="" lang="EN-US">22</span>点之后不接受次日<span style="" lang="EN-US">16</span>点之前配送订单修改、退订）</font>
			</p>
		</div>
		<div class="recommend-box">
		            <h2>商品推荐</h2>
		            <ul class="recommend-list">
		            </ul>
		        </div>
	</div> 


    <div class="footer"></div>
    <script src="../js/jquery.js"></script>
    <script>
         $('.header').load('./header.html')
         $('.footer').load('./footer.html')
    </script>
</body>
</html>